﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>南网图讯-首页</title>
    <link type="text/css" href="css/basic.css" rel="stylesheet">
    <link type="text/css" href="css/index.css" rel="stylesheet">

    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
</head>
<body>

<!--搜索模块-->
<div class="search-grid">
	<div class="search-wrap">
		<div class="search-regit clearfix">
			<input type="text" class="search-Txt" name="search-Txt" oninput="$searchList();" value="" placeholder="关键词搜索"/>
			<input type="submit" class="search-btn j-searchBtn" name="search-btn" value="" />
		</div>
		<div class="search-floatCont">
			<ul class="search-content">
				<li><a href="#">比如我的<i class="f-key">关键词</i>是它</a></li>
				<li><a href="#">比如我的<i>关键词</i>是它</a></li>
				<li><a href="#">比如我的<i>关键词</i>是它</a></li>
				<li><a href="#">比如我的<i>关键词</i>是它</a></li>
			</ul>
		</div>
		
	</div>
</div>

<script>
	$(function(){
		$(".j-searchBtn").click(function(){
			$(".search-floatCont").slideDown();
		});
	});
	var $searchList = function(){
			$(".search-floatCont").slideDown();
		}
</script>
</body>
</html>